<template>
  <div class="shuttle-warp">

    <div>
      <component :is="model" v-on="$listeners" v-bind="$attrs"></component>
    </div>

  </div>
</template>

<script>
  import Table from './components/Table'
  import Single from './components/Single'
  export default {
    name: "shuttle",
    components: { Table, Single },
    props: {
      model: {
        type: String,
        default: 'Single'
      },
    },
    data () {
      return {

      }
    },

  }
</script>

<style scoped lang="scss">
.el-table {
  border-bottom: none;
  font-size: 12px;
  th {
    border-bottom: 1px solid #efefef;
    padding: 8px 0;
    text-align: center;
  }
  .el-table__header {
    .has-gutter {
      .is-left {
        text-align: left !important;
      }

      .is-right {
        text-align: right !important;
      }

      .cell {
        font-family: "PingFang SC ", "PingFang SC";
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        color: #999999;
        line-height: 23px !important;
      }
    }
  }
}
.card-main {
  .pageComponent {
    margin-top: 10px;
  }
  .table-merge-bottom {
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    padding-left: 80%;
    border:1px solid #e6e6e6;
    border-top:none;
  }
}
.el-table th.el-table__cell {
  background-color: #f6f6f6;
}
</style>